<template>
	<view class="homeadmin">
		<view class="header">
		 <view class="title">
			 
			   <view class="titleimg">
				   <image src="/static/img/vue.png" mode="aspectFit"></image>
				   <span>我要成为高级切图崽</span>
			   </view>
			   <span>加油</span>
		 </view>
		 
		</view>
  <view class="container">
    <Header :list='list'></Header>
	<IconlistVue :list='iconlist'></IconlistVue>
    <Defindtab></Defindtab>
  </view>
 <!-- <view>
	    <u-tabbar v-model="current" :list="listtab" :mid-button="true" active-color='#71C592' @change='changetab'></u-tabbar>
  </view> -->
		<u-no-network></u-no-network>
	</view>

</template>

<script setup>
import Header from "@/pages/components/header.vue";
import Defindtab from "@/components/defindtable.vue";
import IconlistVue from "@/pages/components/iconlist.vue";

const list= [{
   image: 'https://i.postimg.cc/3wrw9wwT/0baec281f386824fe4b3be46d2f6edb6.jpg',
   title: 'vue框架，前端必备入门门槛低....'	
},{
	image:'https://i.postimg.cc/SKWCwR6t/1c54954a520e432607d7302bdbb1ebc6.jpg',
	title: 'React框架，难度较高，薪资也高一点....'
}
];
	const iconlist=[
		{
			url:'/static/img/vue.png',
			title:'vue'
		},
		{
			url:'/static/img/JavaScript.png',
			title:'JavaScript'
			
		},
		{
			url:'/static/img/CSS.png',
			title:'css'
			
		},
		{
			url:'/static/img/uniapp.png',
			title:'uniapp'
			
		},
	]



// onLoad(()=>{
	
// 	uni.showToast({
// 		title:'快来学习'
// 	})
// 	setTimeout(function () {
	
// 		console.log('start pulldown');
// 		uni.stopPullDownRefresh()
// 		uni.showToast({
// 			title:'请享用'
// 		})
// 	}, 1000);
	
// })

 onPullDownRefresh(()=>{
	 uni.showToast({
	 	title:'想学习新知识了'
	 })
	 setTimeout(()=>{
		 uni.showToast({
		 	title:'劳逸结合就好',
			icon:"none"
		 })
		 uni.stopPullDownRefresh()
	 },1000)
 })

			
</script>

<style lang="scss" scoped>
	.homeadmin{
		height: 100%;
		width: 100%;
		
			  background: linear-gradient(to bottom,  #71C592, #96c5c2  200rpx, #eaeaea 200rpx);
		.header {
			padding: 10rpx;
			  width: 100%;
			  height: 80rpx;
			  line-height: 80rpx;
display: flex;
align-items: center;
			  background-image: linear-gradient(180deg, #71C592 15%, #96c5c2 100%);
			
			  .title{
				  height: 80rpx;
				  width: 100%;
				  display: flex;
			justify-content: space-between;
			font-size: 15px;
			color: white;
			font-weight: bold;
			
			
			.titleimg{
				height: 80rpx;
				display: flex;
				width: fit-content;
				image{
					height: 80rpx;
					width: 100rpx;
					
				}
				span{
					white-space: normal;
				}
				
			}
			  }
			}
		.container {
		
		  width: 100%;
		  height: 100%;
		padding:0 10px;
		}
		
	}

</style>
